Footers 101: Design Patterns and When to Use Each 頁尾設計
頁尾是幾乎每個網頁底部的常見元素，其形式和內容視網站型別而有所不同。儘管頁尾經常被低估，但它們對使用者體驗至關重要。
頁尾基礎知識
頁尾位於網頁底部、主要內容下方，類似於印刷設計中的“頁尾”，但在網頁中具有互動性。在過去，頁尾通常僅包含小字型的雜項鍊接，如今的頁尾已發展為使用者完成任務的關鍵參考點。
人們會使用頁尾
使用者在未找到所需資訊或需要更多資訊時，會滾動至頁尾區域。頁尾滿足了兩類使用者需求：
- 重新吸引使用者：例如，使用者在閱讀銀行資訊後可能不打算開戶，但頁尾提供了其他產品服務的資訊，讓使用者重新感興趣。
- 難找內容的最後一站：一些不在主導航中的內容，如工作申請或合作資訊，通常可以在頁尾找到。
頁尾元素
設計師可根據業務和使用者需求選擇頁尾元素組合，常見的元素包括：
- 實用連結：如聯絡資訊、隱私政策、使用條款。
- 門墊導航：在頁尾重複主要導航內容，便於使用者快速跳轉。
- 次要任務連結：如招聘、投資人資訊、合作伙伴連結。
- 網站地圖：展示主導航以外的重要頁面及子類別。
- 使用者見證或獎項：增強公司信譽和權威。
- 集團旗下品牌：展示母公司及子品牌的關聯性。
- 使用者互動：社交媒體連結、訂閱提示等。
頁尾元素詳解
1. 實用連結
頁尾通常至少包含實用導航，如公司地址、聯絡方式、客戶支援、隱私政策等。這些連結幫助使用者快速找到支援資訊。
適用場景：適用於所有型別網站。
2. 門墊導航
門墊導航將全域性導航重複放在頁尾中，特別適用於頁面較長的網站，便於使用者在不返回頂部的情況下跳轉。
適用場景：適合頁面較長的網站，或在底部沒有全域性導航的移動端設計。
3. 次要任務連結
頁尾可包含與主導航無關的次要任務連結，如公司招聘、合作伙伴資訊、投資人資料等。
適用場景：多使用者組的網站，幫助次要使用者群找到相關內容。
4. 網站地圖
此元件展示主要類別和子類別，適合層次較深的網站，有助於使用者理解網站結構。
適用場景：資訊層次較多或有子域的大型網站。
5. 使用者見證或獎項
將使用者評價或獎項放在頁尾有助於增強使用者的信任感，但需適量，避免顯得不成熟。
適用場景：品牌知名度較低的公司或初創企業。
6. 集團旗下品牌
一些大型公司擁有多個子品牌，在頁尾中展示這些品牌有助於提升品牌關聯性。
適用場景：擁有多個子品牌的跨國公司。
7. 使用者互動
許多使用者會直接透過頁尾查詢優惠資訊、社交媒體連結等，方便隨時瞭解企業動態。
適用場景：適用於所有網站；視覺類品牌可嵌入社交媒體內容。
頁尾變體:無限滾動與迷你頁尾
對於內容不斷載入的無限滾動頁面，傳統頁尾不易使用，建議將頁尾內容轉為右側欄的迷你頁尾或擴充套件至全域性導航。
適用場景：無限滾動頁面。
上下文相關頁尾
在一些多使用者角色的網站上，頁尾根據頁面內容定製化。尤其適用於有不同使用者角色的網站。
適用場景：不同使用者角色的站點（如內容創作者和消費者，會員和非會員）。
頁尾設計常見問題及解決方案
資訊層次超過兩級：避免在頁尾中展示整個網站地圖，優先顯示重要資訊。
解決方案：只顯示重要的一級和二級分類。
不明確的連結名稱：避免模糊的連結名稱，如“資源”。
解決方案：採用清晰、通用的術語，可以透過使用者測試來確定最佳術語。
結構不清晰：頁尾常被當作“連結收納地”，缺乏組織。
解決方案：使用視覺層次設計，透過分組清晰地傳達資訊結構。
隱藏或難以閱讀的頁尾：有些網站使用較小字型甚至動畫隱藏頁尾，這會使使用者難以找到。
解決方案：使用易讀的字型和色彩，不要隱藏或摺疊頁尾內容。
總結：頁尾是使用者在迷失方向時的最後一站。一個設計良好的頁尾不僅幫助使用者找到資訊，也提升了使用者的整體體驗，即使是網站中最簡單的部分，也能帶來深遠的影響。